﻿@model List<OPLWeb.Models.NewsUpdate>
@section LeftNav
{
    <ul id="nav-secondary" style="display: none;">
        <li><a href="News/Club-news.html">Club News</a></li><li><a href="News/Team-news.html">
            Team News</a></li><li><a href="News/Features.html">Features</a></li><li><a href="News/Match-reports.html">
                Match Reports</a></li><li><a href="News/Europa-League-News.html">Europa League</a></li><li>
                    <a href="News/Tickets-and-Travel.html">Tickets &amp; Travel</a></li><li><a href="News/EDS-news.html">
                        EDS News</a></li><li><a href="News/City-in-the-community.html">City in the Community</a></li><li>
                            <a href="News/What-the-papers-say.html">What the Media says</a></li><li><a href="News/Academy-news.html">
                                Academy News</a></li></ul>
}
<div id="content-wrapper">
    <div id="content-main-feature">
        <img src="/content/images/newsheader.jpg" alt="News" width="800" height="50">
    </div>
    <div id="content-main">
        <div class="content-main-gutter">
            <div class="content-main-list-wrapper">
                <ul id="newlist" class="content-list">
                    @foreach (var item in Model)
                    {
                        <li id="@item.ID"><a href="#"><span class="searchresult_thumbnail">
                            <img src="/content/images/newsthumb.jpg" alt="Generic Action Shot2" width="146" height="82" />
                        </span><span class="cl-main">
                            <img src="/content/images/content-list-icon-article.png" alt="Match report" />
                            <span class="span-h5">@item.Title</span><span></span><span>@item.Headline
                            </span><span>@item.DateTime</span></span></a>
                            <div class="@item.ID newscontent" style="margin-left: 202px; display: none;">
                                @Html.Raw(HttpUtility.HtmlDecode(item.Description))
                            </div>
                        </li>
                    }
                </ul>
                <div class="content-main-links" style="display: none;">
                    <ul class="pagination">
                        <li id="content_0__1ac4e23e35de_NewsList_ResultsList_Pager_PageLinks_ctl00_PageTitle"
                            class="active">Page</li>
                        <li id="content_0__1ac4e23e35de_NewsList_ResultsList_Pager_PageLinks_ctl01_PageListItem"
                            class="active">1</li>
                        <li id="content_0__1ac4e23e35de_NewsList_ResultsList_Pager_PageLinks_ctl02_PageListItem">
                            <a href="Newsc934.html?page=2&amp;pagesize=10&amp;q=#searchtop">2</a></li>
                        <li id="content_0__1ac4e23e35de_NewsList_ResultsList_Pager_PageLinks_ctl03_PageListItem">
                            <a href="News8526.html?page=3&amp;pagesize=10&amp;q=#searchtop">3</a></li>
                        <li id="content_0__1ac4e23e35de_NewsList_ResultsList_Pager_PageLinks_ctl04_PageListItem">
                            <a href="News16ba.html?page=4&amp;pagesize=10&amp;q=#searchtop">4</a></li>
                        <li id="content_0__1ac4e23e35de_NewsList_ResultsList_Pager_PageLinks_ctl05_PageListItem">
                            <a href="Newsaa79.html?page=5&amp;pagesize=10&amp;q=#searchtop">5</a></li>
                        <li id="content_0__1ac4e23e35de_NewsList_ResultsList_Pager_PageLinks_ctl06_PageListItem">
                            <a href="Newsfc38.html?page=6&amp;pagesize=10&amp;q=#searchtop">...</a></li>
                        <li id="content_0__1ac4e23e35de_NewsList_ResultsList_Pager_PageLinks_ctl07_FooterListItem"
                            class="next-divider"><a href="Newsc934.html?page=2&amp;pagesize=10&amp;q=#searchtop"
                                id="content_0__1ac4e23e35de_NewsList_ResultsList_Pager_PageLinks_ctl07_NextPageLink"
                                class="next">Next</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('#nav-main > li').each(function () {
            $(this).removeClass('active');
        });
        $('#news').addClass('active');

        $('#newlist >li').toggle(function () {
            $('.' + $(this).attr('id')).fadeIn();
        }, function () {
            $('.' + $(this).attr('id')).fadeOut();
        });
        var id = '@ViewBag.CurrentNews';
        if (id != '') {
            $('.' + id).fadeIn();
        }
    });
</script>
